.user-detail {
   display: flex;
   flex-direction: column;
   /* 副标题样式 */
   .adm-nav-bar-title {
      display: flex;
      span {
         transform: translateY(2px);
      }
   }
   /* 对话列表样式 */
   .chat-list-box {
      flex: 1;
      overflow-y: scroll;
   }

   /* 对话输入框样式 */
   .dialogue-list {
      padding-top: 5px;
      display: flex;
      flex-direction: column;

      >div {
         min-height: 40px;
         margin-bottom: 5px;
         display: flex;
         align-items: center;
         padding: 0 5px;
         box-sizing: border-box;

         img {
            width: 30px;
         }

         p {
            max-width: 80%;
            padding: 5px;
            background-color: #fff;
            border-radius: 5px;
            box-sizing: border-box;
            position: relative;

            &::before {
               position: absolute;
               content: '';
               top: 50%;
               transform: translateY(-50%);
            }
         }
      }

      .item-my {
         justify-content: flex-end;

         p {
            margin-right: 10px;
            background-color: #C4EEF1;

            &::before {
               border-left: 5px solid #C4EEF1;
               border-right: 5px solid transparent;
               border-top: 5px solid transparent;
               border-bottom: 5px solid transparent;
               right: -10px;
            }
         }
      }

      .item-you {
         justify-content: flex-start;

         p {
            margin-left: 10px;

            &::before {
               border-left: 5px solid transparent;
               border-right: 5px solid #fff;
               border-top: 5px solid transparent;
               border-bottom: 5px solid transparent;
               left: -10px;
            }
         }
      }
   }
}